@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
/*header,footer,aside css*/
@font-face{
	font-family:'NanumGothic';
	src:url(../webfont/nanum.eot);
	src:local(''),url(../webfont/nanum.woff) format('woff'),
			url(../webfont/nanum.ttf) format("truetype");
}
*{
	margin:0;
}
body{

	font-size:1.0em;
	 font-family: 'Jeju Gothic', serif;
	line-height:1.5em;
	color:#333;
	background-color:#FFFFFF;
	width: 1000px;
	height: auto;
	
}

a{
	text-decoration:none;
	color:#333;
}
a:hover{
	color:#39f;
	text-decoration:none;
}
.clear{
	clear:both;
}
/*----------------header*-------------------*/
header{
	width: 300px;
	height: 80px;
	margin: 20px 0px 0px 0px;

}
header #hlink ul{
	list-style: none;
	float: left;
	text-align:left;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	 position:fixed; _position:absolute; _z-index:-1;
        overflow:hidden;
    	
}
header #hlink ul li{
	margin: 10px;
	float: left;
	margin: 70px 15px 0px 10px;
	
}



/*******aside***********/
aside{
	font-size:1.0em;
	list-style:none;
	float:left;
	width:230px;
	height: 300px;
	margin:60px 0 0 0;
	background:url(../images/aside_vline.png)
				no-repeat right top;
	 position:fixed; 

        overflow:hidden;
   	 left:0px; 
   	 top:80px; 
    
    
    
}

aside ul{
	list-style:none;
	margin:10px 20px 0 0;
	padding:0;
}
aside ul li{
	text-align:right;
	padding:10px 0;
}
aside ul li a{
	
	color:#252525;
	display:block;
}
aside:hover ul li a{
	color:rgba(0,0,0,0.3);
	}
aside ul li a:hover{
	
	color:#252525;
	font-size:1.4em;
}

aside h3{
	
	position:relative;
	
	width:auto;
	background:url(../images/aside_h3_back.png)
				no-repeat left bottom;
}
aside h3 div{
	background-color:#000;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding:17px 0;
}
/*******article*********/
article{
	float:center;
	height: 900px;
	width: 900px;
	margin: 0px 0px 200px 300px;
	padding: 0px;
}
#regForm{
	margin: 20px 0px 0px 300px;
}
#input{
margin: 40px 0px 0px 00px;	

}
#outputForm{
	margin: 30px 0px 0px 0px;	
}
#write{

	margin: 20px 0px 0px 30px
}
#list{
	margin: 50px 0px 0px 10px
}
.plus{
	margin: 100px 0px 0px 0px;
	font-size: 0.7em;
}

#history{
	margin: 100px 0px 0px 80px;

}
#about{
	margin: 50px 0px 0px 0px;
	width: 700px;
	height: 700px;
	text-align: center;
}
#about #about1{

	font-size: 3em;
	text-align: center;
	width: 400px;
	height: 100px;
	margin:30px 0px 0px 0px;
	
	
}
#about1{
	text-align: center;
}
#about #about1 .about2{
	margin: 20px 0px 0px 0px;text-align: center;

}
#page{
	margin: 0px 0px 0px 350px;
}
/*******footer**********/
footer{
	padding:10px 0;
	margin:10px 20px;
	border-top:1px solid #ccc;
	width: 1300px;
	height: 130px;
}
footer address{
	width:1000px;
	height:50px;
	margin:10px 0px 10px 300px;
	
	text-align:left;
	font-style:normal;
	line-height:1.8em;
	background:url(../images/foot_logo.png)
				no-repeat left center;
}
footer .so{
	margin: 20px 0px 0px 600px;
}
